/* 
    Document   : layout_style.css
    Created on : Feb 8, 2008, 9:31:17 PM
    Author     : iezahel
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body
{
        margin: 0;
        padding: 0;
        font-family: georgia, times, "times new roman", serif;
        color: #000;
        background-color: #ddd;
}

#container
{        
        float:left;
        margin: 1em 5%;
        width: 90%;
        background-color: #FFF;        
        background-repeat: repeat-y;
        border: 1px solid #333;        
}

#header
{                
        background-color: #888;
        border-bottom: 1px solid #333;
}

#header h1
{
        margin: 0;
        padding: .5em;
}

#left-sidebar
{         
        float: left;
        border-right: 0.1px solid black;        
        text-align: center;
        width: 15%;
}

#content
{        
        float: left;
        padding-top: 0.5em;
        padding-bottom: 0.5em;        
        padding-left: 1%;
        border-left: 0.1px solid black;            
        width: 82%;        
}

#footer {
    clear:both;    
}

/* Common forms css */
 label
{
    
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block
}

.submit input
{
    margin-left: 4.5em; 
    background: #ffa20f;
    border: 2px outset #d7b9c9
}

input
{     
    border: 1px solid #781351
}

fieldset
{
    border: 1px solid #781351;
    width: 17em;        
    margin-left: 1em;
}

legend
{     
    border: 1px solid #781351;
    padding: 2px 6px;        
}


.user_info
{        
    text-align: right;
    font-size: small;
}


/* Left-Sidebar CSS */

.cool_links { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399}
.cool_links:hover {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #447799; text-decoration: none}

/* Will Paginate CSS */

  .pagination {
    padding: 3px;
    margin: 3px;
  }
  .pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #aaaadd;
    text-decoration: none;
    color: #000099;
  }
  .pagination a:hover, .pagination a:active {
    border: 1px solid #000099;
    color: #000;
  }
  .pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;
    font-weight: bold;
    background-color: #000099;
    color: #FFF;
  }
  .pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #ddd;
  }

.spacer {
  clear: both;
}

/* Thumbnail Pictures */
.thumbnail {
  float: left;
  margin: 5px;
}
  
.thumbnail p {
   text-align: center;
   margin: 0;
}

.thumbnail_container {
  /*border: 1px dashed #333; */
}

/* Sample Pictures */
.sample {
  float: left;
  margin: 5px;
}

/* Comments CSS */

.comment_header {
  margin: 0;
}
 
.comment_username {
  float:left;
  text-align: left;
}

.comment_date {
  float:right;
  text-align: right;
}

.comment_text {
  
   margin: 0;
   border-width: thin;
   border-style: solid;
}

.comment_container {
  margin-left: 1em;
  margin-right: 1em;
}

  